<template>
  <div class="basic-container" v-loading="loading" element-loading-text="数据加载中...">
    <dataList
      placeholder="输入物业名称"
      :pageInfo="pager"
      :listData="tableData"
      :selectData="selectDataArr"
      searchName="otherName"
      :menuList="['add','export','delete']"
      @menu-click="handleMenuClick"
    >
      <el-table :data="tableData" align="left" ref="multipleTable" @selection-change="$event => (selectDataArr = $event)">
        <el-table-column type="selection" width="55" />
        <el-table-column label="物业名称" min-width="10%" prop="otherName" />
        <el-table-column label="物业地址" min-width="20%">
          <template slot-scope="scope">{{ scope.row.areaName }}{{ scope.row.addressInfo}}</template>
        </el-table-column>
        <el-table-column label="建筑面积(m²)" min-width="10%" prop="buildArea" />
        <el-table-column label="所属街道" min-width="10%" :formatter="formateStreet" prop="projectStreet" />
        <el-table-column label="管理所" min-width="10%" :formatter="formateBelong" prop="manageUnit" />
        <el-table-column label="采集部门" min-width="10%" prop="deptName" :formatter="formateDeptNames" />
        <el-table-column label="创建时间" min-width="10%" :formatter="dateFormat" prop="createTime" />
        <el-table-column label="操作" fixed="right" min-width="10%">
          <template slot-scope="scope">
            <el-button type="text" @click="toLook(scope.row)">查看</el-button>
            <el-button v-if="edit_but" type="text" @click="toEdit(scope.row)">修改</el-button>
          </template>
        </el-table-column>
      </el-table>
    </dataList>
  </div>
</template>

<script src="./other_property_list.js">

</script>

